<template>
  <div>
    <div class="mb10"><b>工作流信息</b></div>
    <table class="table1 owntable mb20 tableLayout" border="0" cellspacing="0" cellpadding="1" width="100%">
      <tr v-if="i % 2 == 0" v-for="(item, i) in guifanFilesProcessRecordList" :key="i">
        <td width="100px">{{ progressNameTypes[item.type] }}</td>
        <td :colspan="`${guifanFilesProcessRecordList.length % 2 == 1 && i == guifanFilesProcessRecordList.length - 1 ? 3 : 1}`">
          {{ item.userName }}
        </td>
        <td style="width: 100px;" v-if="guifanFilesProcessRecordList[i + 1]">{{ progressNameTypes[guifanFilesProcessRecordList[i + 1].type] }}</td>
        <td v-if="guifanFilesProcessRecordList[i + 1]" :colspan="`${guifanFilesProcessRecordList.length % 2 == 2 && i == guifanFilesProcessRecordList.length - 1 ? 3 : 1}`">
         {{ guifanFilesProcessRecordList[i + 1].userName }}
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    guifanFilesProcessRecordList: []
  }
};
</script>

<style></style>
